<!doctype html>
<html lang="zh-hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
    
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/main.css">
    
    <script src="lib/jquery-2.1.1.min.js"></script>
    
    
    <title>HfApp--choose</title>
    <!-- xxx -->
    <script language="javascript" type="text/javascript">
    
    $(document).ready(function(){
      $("#work-content").hide();
      $("#work-content2").hide();
      // 过滤条件的显示切换
      $("#work").click(function(){
        $("#work-content").slideDown();
        $("#work-content2").slideUp();
      });
      
     
      // 过滤条件的显示切换
      $("#kh").click(function(){
         $("#work-content2").slideDown();
        $("#work-content").slideUp();
      });
      
      
    });
    
    
    
    
    </script>
 
</head>
<body>
    
   
    
   
    
  
    
    <!-- 顶部导航菜单 -->
    <div class="container">
        <div class="panel panel-default">
          <div class="panel-heading">
              <div class="row">
                  <span class="col-xs-2 "><span><img class="home" src="images/4.png"></span></span>
                  <span class="col-xs-10">欢迎来到微营销系统</span>
              </div>
          </div>
        </div>      
    </div>
    
    
    <!-- 中间导航菜单 -->  
    <div class="container" > 
        <div class="input-group input-group-lg">       
          <input type="text" class="form-control" placeholder="姓名或电话" aria-describedby="sizing-addon1">
          <span class="input-group-addon" id="sizing-addon1">查询</span>
        </div>
          
        <ul class="list-group">
        
          <li class="list-group-item">
            <div class="row">                      
              <span class="col-xs-3">爱新觉罗</span>
              <span class="col-xs-4">15982045651</span>
              <span class="col-xs-5">成都市成华区</span>
            </div>       
          </li>
          
          <li class="list-group-item">
            <div class="row">                      
              <span class="col-xs-3">张大伟</span>
              <span class="col-xs-4">15982045651</span>
              <span class="col-xs-5">成都市成华区</span>
            </div>       
          </li>
          
          <li class="list-group-item">
            <div class="row">                      
              <span class="col-xs-3">张大伟</span>
              <span class="col-xs-4">15982045651</span>
              <span class="col-xs-5">成都市成华区</span>
            </div>       
          </li>
          
          <!--  
          <li class="list-group-item">Dapibus ac facilisis in</li>
          <li class="list-group-item">Morbi leo risus</li>
          <li class="list-group-item">Porta ac consectetur ac</li>
          <li class="list-group-item">Vestibulum at eros</li>
           -->
        </ul>         

     </div>   
        

            

            
        
            
    <!-- 底部导航 -->       
    <div class="container navbar-fixed-bottom">
        <div class="row" id="button">
          <hr>
            <div class="col-xs-3 "><span class="badge">消息</span></div>
            <div class="col-xs-3 "><span class="badge">工作</span></div>
            <div class="col-xs-3 "><span class="badge">常用</span></div>
            <div class="col-xs-3 "><span class="badge">更多</span></div>
        

        </div>
        
    </div>
            

 
        
 


</body>
</html>